<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>好像是个花园主题</title>
        <link rel="stylesheet" type="text/css" href="style/reset.css">
        <link rel="stylesheet" type="text/css" href="style/main.css">
        <link href='googleapis-fonts/fonts.css' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div class="header-top">
                    <ul class="nav1">
                        <li><a href="index.html" id="location">Home</a></li>
                        <li><a href="">About</a></li>
                        <li><a href="">Services</a></li>
                        <li><a href="">Pricelist</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="">Contacts</a></li>
                    </ul>
                    <div class="logotit">
                        <a href="index.html"><img src="images/logo.png" alt=""></a>
                    </div>
                    <div class="logoinf">
                        <div>Maintaining areas harmonious with</div>
                        <span>the natural environment</span>
                    </div>
                </div>
                <div class="back">
                    <div class="backone">
                        <div class="pic"><img src="images/slide-1.jpg" alt="" value="0"></div>
                    </div>
                </div>
                <a href="#" class="prev"></a>
                <a href="#" class="next"></a>
            </div>
            <div id="content">
                <div>
                    <ul class="main1">
                        <li>
                            <div class="text1">
                                <span>01.</span>
                                <h2>Master <br>Plans</h2>
                            </div>
                            <div class="main-img">
                                <img src="images/page1-img1.jpg">
                            </div>
                            <p class="text2">Vivamus hendrerit mauris ut dui.</p>
                            <p class="text3">gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.</p>
                            <a href="#" class="read">Read more</a>
                        </li>
                        <li>
                            <div class="text1">
                                <span>02.</span>
                                <h2>Drainage <br>Plans</h2>
                            </div>
                            <div class="main-img">
                                <img src="images/page1-img2.jpg">
                            </div>
                            <p class="text2">Vivamus sed arcu dui, eu incidunt sem. </p>
                            <p class="text3">Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. </p>
                            <a href="#" class="read">Read more</a>
                        </li>
                        <li>
                            <div class="text1">
                                <span>03.</span>
                                <h2>Garden <br>Design</h2>
                            </div>
                            <div class="main-img"><img src="images/page1-img3.jpg" alt=""></div>
                            <p class="text2">Gravida ut viverra lectus tincidunt. </p>
                            <p class="text3">Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
                            <a href="#" class="read">Read more</a>
                        </li>
                        <li>
                            <div class="text1">
                                <span>04.</span>
                                <h2>Planting <br>layout</h2>
                            </div>
                            <div class="main-img"><img src="images/page1-img4.jpg" alt=""></div>
                            <p class="text2">Cras mattis tempor eros nec tristique. </p>
                            <p class="text3">Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. Fusce tincidunt, tellus eget tristique cursus, orci mi iaculis. </p>
                            <a href="#" class="read">Read more</a>
                        </li>
                        <li class="five">
                            <div class="five-bottom">
                                <div>
                                    <div>
                                        <div class="textone">We can help your wishes turn
                                            <span>to a stylish project!</span>
                                        </div>
                                        <div class="img-five"></div>
                                        <div class="texttwo">Only this month on
                                            <span>Patios &amp; raised patios</span>
                                        </div>
                                        <a href="#" class="link">click here</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="six">
                            <h2 class="six-tit">Welcome!</h2>
                            <p class="six-hot">Exterior Design is one of
                                <a href="" class="six-text">Free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1280X1024 screen resolution. It is also XHTML &amp; CSS valid.  The PSD source files of this
                                <a href="" class="six-text">Exterior Design</a> template are available for free for the registered members of TemplateMonster.com. Feel free to get them!
                            </p>
                            <div class="con">
                                <div class="produ">
                                    <span>A.</span>
                                    <p class="pro">This website template has several pages:  Home, About, Services, Pricelist, Portfolio, Contacts (note that contact us form - doesn't <br>work)</p>
                                </div>
                                <div class="produ">
                                    <span>B.</span>
                                    <p class="pro">Gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus. </p>
                                </div>
                                <div class="produ">
                                    <span>C.</span>
                                    <p class="pro">Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursu. Fusce tincidunt tellus eget. </p>
                                </div>
                            </div>
                            <a href="#" class="read">Read more</a>
                        </li>
                        <li class="seven">
                            <h3>Our services:</h3>
                            <ul class="nav2">
                                <li><a href="#">Garden maintenance program</a></li>
                                <li><a href="#">Water features &amp; ponds</a></li>
                                <li><a href="#">Poolscapes</a></li>
                                <li><a href="#">Retaining &amp; seat walls</a></li>
                                <li><a href="#">Walkways</a></li>
                                <li><a href="#">Paver driveways</a></li>
                                <li><a href="#">Landscape architecture / design</a></li>
                                <li><a href="#">Project management &amp; phasing</a></li>
                                <li><a href="#">Project installation</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="footer">
                <div>
                    <div class="copy">
                        <p>© 2012  Exterior design</p>
                        <a href="">Website Template</a>  |
                        <a href="">模板之家</a>
                    </div>
                    <div class="linkimg">
                        <div class="linkright">
                            <a href="#"><img src="images/icon-1.png" alt=""></a>
                            <a href="#"><img src="images/icon-2.png" alt=""></a>
                            <a href="#"><img src="images/icon-3.png" alt=""></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </body>
</html>
<script src="js/jquery.js"></script>
<script src="js/back.js"></script>